@charset "utf-8";
body {
    font-family: "微软雅黑";
    background: #efeff1;
    color: #000
}
.hello:hover {
    background: url(../../images/system/hi_hover.gif) 14px 9px no-repeat #ef5a8d
}
.hello {
    background: url(../../images/system/hi.jpg) 14px center no-repeat #ff7ea7
}
.send_out, .send_out:hover {
    background: url(../../images/system/out_icon.png) 14px 8px no-repeat #77717b;
    position: relative
}
.write {
    background: url(../../images/system/mail.jpg) 14px 7px no-repeat #ff7ea7
}
.write:hover {
    background: url(../../images/system/mail_hover.gif) 14px 7px no-repeat #ef5a8d
}
.give {
    background: url(../../images/system/gift.jpg) 14px 7px no-repeat #ff7ea7
}
.give:hover {
    background: url(../../images/system/gift_hover.gif) 14px 7px no-repeat #ef5a8d
}
.give_out, .give_out:hover {
    background: url(../../images/system/gift_active.png) 14px 7px no-repeat #77717b
}
.attion {
    background: url(../../images/system/collect.jpg) 14px 8px no-repeat #ff7ea7
}
.attion:hover {
    background: url(../../images/system/collect_hover.gif) 14px 8px no-repeat #ef5a8d
}
.attion_out, .attion_out:hover {
    background: url(../../images/system/attion_active.png) 14px 8px no-repeat #77717b
}
.y_user {
    width: 100%;
    height: 320px;
    background: url(../../images/system/man_bg.jpg) center top no-repeat #634f5b;
    position: relative;
    margin-top: 50px
}
.y_user .con {
    width: 980px;
    height: 320px;
    margin: 0 auto
}
.y_user .con .con_title {
    height: 52px;
    line-height: 40px;
    color: #a8a8a8
}
.y_user .con p.top_tit {
    color: #d2c8c9
}
.y_user .con p.top_tit a {
    color: #969696
}
.y_user .con p.top_tit .spatial {
    color: #fff
}
.y_user .con .personal_cen {
    width: 980px
}
.y_user .con .personal_cen dt {
    width: 180px;
    height: 244px;
    background: #FFF;
    float: left;
    position: relative
}
.y_user .con .personal_cen dt img {
    width: 174px;
    height: 214px;
    padding: 3px;
    display: block
}
.y_user .con .personal_cen dt .vip_icon {
    width: 45px;
    height: 45px;
    display: block;
    background: url("/resources/v30/skin/images/index-icons.png") no-repeat -370px 0;
    position: absolute;
    top: 0;
    left: 0
}
.y_user .con .personal_cen dt .state_02 {
    display: block;
    height: 20px;
    line-height: 15px;
    color: #7b7b7b;
    font-size: 12px;
    background: url(../../images/system/state_02.jpg) 8px 1px no-repeat;
    padding: 0 0 0 26px
}
.y_user .con .personal_cen dt .state_01 {
    background: url(../../images/system/state_01.jpg) 8px 1px no-repeat;
    padding: 0 0 0 26px
}
.y_user .con .personal_cen dt .setUp {
    width: 180px;
    display: block;
    clear: both
}
.y_user .con .personal_cen dt .setUp span {
    color: #ff679a
}
.y_user .con .personal_cen dt .state_02 a span {
    color: #ff7ea7
}
.y_user .con .personal_cen dt font a {
    color: #ff679a
}
.y_user .con .personal_cen dd {
    width: 760px;
    float: right
}
.y_user .con .personal_cen dd .main {
    width: 760px;
    height: 40px;
    color: #fff;
    padding: 60px 0 0;
    _padding: 64px 0 0
}
.y_user .con .personal_cen dd p.local {
    clear: both;
    margin: 0;
    color: #fff;
    height: 20px;
    line-height: 22px
}
.y_user .con .personal_cen dd .main strong {
    font-size: 28px;
    color: #fff;
    float: left;
    font-weight: normal;
    font-family: "微软雅黑"
}
.y_user .con .personal_cen dd .main span {
    float: left;
    padding: 4px 0 0 20px
}
.y_user .con .personal_cen dd .main span a {
    width: 24px;
    height: 24px;
    display: block;
    float: left;
    background: url(../../images/system/icons.png) no-repeat;
    margin: 3px 5px 5px 0;
    cursor: auto
}
.y_user .con .personal_cen dd .main span .icon01 {
    background-position: -104px -238px
}
.y_user .con .personal_cen dd .main span .icon001 {
    background-position: -138px -238px
}
.y_user .con .personal_cen dd .main span .icon02 {
    background-position: -104px -272px
}
.y_user .con .personal_cen dd .main span .icon002 {
    background-position: -138px -272px
}
.y_user .con .personal_cen dd .main span .icon03 {
    background-position: -104px 0
}
.y_user .con .personal_cen dd .main span .icon003 {
    background-position: -138px 0
}
.y_user .con .personal_cen dd .main span .icon04 {
    background-position: -104px -68px
}
.y_user .con .personal_cen dd .main span .icon004 {
    background-position: -138px -68px
}
.y_user .con .personal_cen dd .main span .icon05 {
    background-position: -104px -136px
}
.y_user .con .personal_cen dd .main span .icon005 {
    background-position: -138px -136px
}
.y_user .con .personal_cen dd .main span .icon06 {
    background-position: -104px -204px
}
.y_user .con .personal_cen dd .main span .icon006 {
    background-position: -138px -204px
}
.y_user .con .personal_cen dd .main span .icon07 {
    background-position: -104px -170px
}
.y_user .con .personal_cen dd .main span .icon007 {
    background-position: -138px -170px
}
.y_user .con .personal_cen dd .main span .icon08 {
    background-position: -104px -34px
}
.y_user .con .personal_cen dd .main span .icon008 {
    background-position: -138px -34px
}
.y_user .con .personal_cen dd .hoby {
    width: 760px;
    overflow: hidden;
    height: 80px
}
.y_user .con .personal_cen dd .hoby li {
    padding: 6px 14px;
    border: 1px dotted #b1a8ab;
    border-radius: 12px;
    float: left;
    color: #fff;
    margin: 10px 9px 0 0
}
.y_user .con .personal_cen dd .hoby li.no_margin {
    margin-right: 0
}
.y_user .con .personal_cen dd .select_hello {
    width: 760px;
    margin: 15px 0 0;
    _margin: 6px 0 0
}
.y_user .con .personal_cen dd .select_hello a {
    font-size: 12px;
    float: left;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    margin: 0 10px 0 0;
    text-align: center;
    padding: 0 0 0 8px
}
.y_user .con .personal_cen dd .select_hello a span {
    color: #fff;
    margin: 0 0 0 8px
}
.y_user .con .personal_cen dd .select_hello a.sayHiBtn {
    position: relative
}
.y_user .con .personal_cen dd .select_hello a.more {
    color: #ff7da7;
    margin: 0;
    position: relative
}
.y_user .con .personal_cen dd .select_hello a .enter_in {
    display: block;
    width: 9px;
    height: 7px;
    background: url(../../images/system/sele_top.png) no-repeat;
    position: absolute;
    right: 22px;
    top: 12px
}
.y_user .con .personal_cen dd .select_hello a .enter_in {
    display: block;
    width: 9px;
    height: 7px;
    background: url(../../images/system/sele_top.png) no-repeat;
    position: absolute;
    right: 22px;
    top: 12px
}
.y_user .con .personal_cen dd .select_hello a .enter_out {
    background: url(../../images/system/sele_bottom.png) no-repeat;
    position: absolute;
    right: 22px;
    top: 12px
}
.y_user .con .personal_cen dd .select_hello a.more:hover {
    background: #000;
    background: rgba(0,0,0,0.5);
    filter: alpha(opacity=50)
}
.y_user .con .personal_cen dd .select_hello .report {
    width: 98px;
    overflow: hidden;
    background: #000;
    background: rgba(0,0,0,0.5);
    filter: alpha(opacity=50);
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 5;
    text-align: center
}
.y_user .con .personal_cen dd .select_hello .report li {
    color: #fff
}
.y_user .con .personal_cen dd .select_hello .report li:hover {
    color: #ff7da7
}
.y_user_02 {
    width: 100%;
    height: 320px;
    background: url(../../images/system/woman_bg.jpg) center top no-repeat #331344;
    position: relative
}
.alert_ok, .alert_false {
    width: 80px;
    height: 38px;
    background: url(../../images/system/zh_true.jpg) no-repeat 10px 12px #fff;
    line-height: 38px;
    position: absolute;
    left: -10px;
    top: -50px;
    padding: 0 0 0 36px
}
.alert_false {
    background: url(../../images/system/zh_false.png) no-repeat 10px 12px #fff
}
.page_turning {
    position: absolute;
    right: 0;
    top: 0
}
.page_turning a.toggle {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../../images/system/slid_up.gif) no-repeat
}
.page_turning a.toggle:hover {
    display: block;
    width: 156px;
    height: 156px;
    background: url(../../images/system/adv.png) no-repeat
}
.photo {
    width: 980px;
    overflow: hidden;
    background: #FFF;
    margin: 16px auto;
    padding-bottom: 10px;
    position: relative;
    height: 160px
}
.photo .ph_show {
    width: 970px;
    height: 140px;
    overflow: hidden;
    position: relative
}
.photo .no_photo {
    width: 980px;
    height: 166px;
    background: url(../../images/system/no_photo_bg.jpg) 80px 16px no-repeat
}
.photo .no_photo .demand {
    width: 248px;
    float: right;
    margin: 58px 146px 0 0;
    _margin: 58px 90px 0 0;
    text-align: center;
    line-height: 22px
}
.photo .no_photo .demand p {
    color: #7b7b7b
}
.photo .no_photo .demand font {
    color: #9a9a9a;
    font-size: 12px
}
.photo .no_photo .demand font a {
    display: inline-block;
    width: 72px;
    height: 22px;
    line-height: 22px;
    background: #ff7ea7;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    margin: 0 4px
}
.photo .no_photo .demand font a:hover {
    background: #ef5a8d
}
.photo .block_photo {
    width: 980px;
    height: 140px;
    position: absolute;
    left: 2px;
    top: 0
}
.photo .block_photo li {
    float: left;
    margin: 30px 0 0 26px;
    _display: inline
}
.photo .block_photo li a {
    display: block;
    width: 110px;
    height: 110px
}
.photo .block_photo li a.need_photo {
    background: url(../../images/system/need_photo.jpg) no-repeat
}
.photo .block_photo li a.need_photo:hover {
    background: url(../../images/system/need_photo_hover.jpg) no-repeat
}
.photo .blank_show {
    width: 110px;
    height: 110px;
    background: #000;
    position: absolute;
    top: 30px;
    right: 27px;
    background: rgba(0,0,0,0.6);
    filter: alpha(opacity=60)
}
.photo .blank_show .right_m {
    margin: 28px auto 0;
    display: block;
    width: 60px;
    height: 40px;
    background: url(../../images/system/right_more.png) center top no-repeat;
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding: 44px 0 0
}
.pre_data {
    width: 980px;
    overflow: hidden;
    background: #fff;
    margin: 0 auto
}
.pre_data .tit_main {
    font-size: 14px;
    color: #ff7da9;
    display: block;
    height: 38px;
    width: 954px;
    line-height: 38px;
    padding: 0 0 0 26px;
    background: #f6f6f6
}
.pre_data .requre {
    width: 926px;
    margin: 0 auto;
    padding: 0 0 60px 0;
    overflow: hidden
}
.pre_data .requre h2 {
    font-size: 14px;
    color: #000;
    background: url(../../images/system/menu_dot.jpg) left center no-repeat;
    line-height: 40px;
    height: 40px;
    padding-left: 10px;
    margin-top: 20px
}
.pre_data .requre li .message ol .black {
    color: #000;
    font-size: 14px
}
.pre_data .requre li p {
    line-height: 22px;
    font-size: 14px;
    color: #4d4d4d
}
.pre_data .requre .p_gift {
    width: 62px;
    text-align: center;
    line-height: normal;
    float: left;
    margin: 26px 40px 0 0
}
.pre_data .requre .p_gift span {
    width: 62px;
    height: 14px;
    display: block;
    overflow: hidden
}
.pre_data .requre .p_gift img {
    width: 60px;
    height: 60px;
    border: 1px solid #000;
    margin: 0 0 10px 0
}
.pre_data .requre li .message ol {
    width: 348px;
    float: left
}
.pre_data .requre li .message ol li {
    color: #000;
    font-size: 14px;
    height: 30px;
    line-height: 30px
}
.pre_data .requre li .message .prompt {
    background: url(../../images/system/prompt_bg.gif) no-repeat;
    padding: 0 0 0 20px;
    width: 926px;
    float: left;
    margin: 20px 0 0;
    color: #000
}
.pre_data .requre li .receive_gift {
    display: none
}
.pre_data .requre li .receive_gift li {
    float: left;
    margin: 26px 40px 0 0;
    _margin: 26px 38px 0 0;
    width: 80px
}
.pre_data .requre li .receive_gift li.no_margin {
    margin-right: 0
}
.pre_data .requre li .receive_gift li span {
    display: block;
    width: 72px;
    color: #999;
    font-size: 12px;
    margin: 6px 0 0 10px
}
.pre_data .requre li .receive_gift li.my_gift {
    position: relative
}
.pre_data .requre li .receive_gift li .show_box {
    width: 80px;
    height: 86px;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.8);
    filter: alpha(opacity=80);
    cursor: pointer
}
.pre_data .requre li .receive_gift li .show_box a.send {
    display: block;
    width: 60px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: #ff7fa8;
    color: #fff;
    margin: 34px auto 0
}
.pre_data .requre li .receive_gift li .show_box a.send:hover {
    background: #ef5a8d
}
.pre_data .requre li .wish_gift {
    overflow: hidden;
    position: relative
}
.pre_data .requre li .wish_gift li {
    float: left;
    margin: 26px 40px 0 0;
    _margin: 26px 38px 0 0;
    width: 80px
}
.pre_data .requre li .wish_gift li a span {
    display: block;
    width: 80px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    background: #ff7ea7;
    margin: 10px 0 0
}
.pre_data .requre li .wish_gift li a span:hover {
    background: #ef5a8d
}
.pre_data .requre li .wish_gift .give_gift {
    width: 340px;
    height: 52px;
    line-height: 52px;
    background: #efeff1;
    border-radius: 24px;
    text-align: center;
    position: absolute;
    left: 126px;
    _right: 500px;
    top: 50px
}
.hi {
    width: 980px;
    height: 100px;
    background: #e9e9e9;
    margin: 0 auto;
    overflow: hidden
}
.hi .hi_box {
    width: 440px;
    height: 36px;
    margin: 32px auto 0;
    overflow: hidden
}
.hi .hi_box a {
    font-size: 12px;
    color: #fff;
    float: left;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    margin: 0 10px 0 0;
    text-align: center;
    padding: 0 0 0 8px
}
.hi .hi_box .sayHiBtn span {
    color: #fff;
    margin: 0 0 0 8px
}
.hi .hi_box a.more {
    color: #ff7da7;
    margin: 0
}
.like {
    width: 980px;
    overflow: hidden;
    margin: 10px auto 0;
    background: #fff;
    padding: 0 0 20px 0
}
.like b {
    display: inline;
    font-size: 14px;
    color: #4d4d4d;
    margin: 0 0 0 26px;
    height: 56px;
    line-height: 56px;
    width: 954px
}
.like .peo li {
    margin: 0 0 0 26px;
    float: left;
    position: relative;
    width: 110px;
    _display: inline
}
.like .peo li a {
    display: block;
    width: 110px
}
.like .peo li a span.hello {
    display: block;
    width: 110px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    color: #fff;
    margin: 18px 0 0
}
.like .peo li .show_box {
    width: 110px;
    height: 134px;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
    filter: alpha(opacity=60);
    cursor: pointer
}
.like .peo li .show_box a {
    width: 110px;
    height: 134px;
    display: block
}
.like .peo li .show_box font {
    display: block;
    width: 100px;
    padding: 90px 0 0 10px;
    font-size: 12px;
    color: #fff
}
.some_body {
    width: 94px;
    height: 94px;
    overflow: hidden;
    position: fixed;
    _position: absolute;
    right: 5%;
    _right: 80px;
    top: 386px;
    _top: 330px
}
.some_body a {
    display: block;
    width: 94px;
    height: 94px;
    text-indent: -9999px
}
.gift_alert, .write_box {
    width: 460px;
    background: #fff;
    position: fixed;
    _position: absolute;
    top: 50%;
    left: 50%;
    margin: -165px 0 0 -230px;
    padding-bottom: 40px;
    z-index: 1100
}
.gift_alert .promise, .write_box .promise {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #efeff1;
    font-size: 14px;
    padding: 0 0 0 20px;
    position: relative
}
.gift_alert .close, .write_box .close {
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    position: absolute;
    right: 10px;
    top: 10px
}
.gift_alert .send, .write_box .send {
    width: 460px
}
.gift_alert .send p, .write_box .send p {
    width: 460px;
    height: 62px;
    line-height: 62px;
    margin: 44px 0 40px 0;
    text-align: center;
    font-size: 21px;
    color: #4d4d4d;
    font-family: "微软雅黑"
}
.gift_alert .send p img, .write_box .send p img {
    vertical-align: middle
}
.gift_alert .send .sure, .write_box .send .sure {
    display: block;
    width: 190px;
    height: 40px;
    line-height: 40px;
    background: #ff7ea7;
    text-align: center;
    color: #fff9fb;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto
}
.gift_alert .send .sure:hover, .write_box .send .sure:hover {
    background: #fc6497
}
.gift_alert .photo_send p {
    width: 460px;
    height: 62px;
    line-height: 62px;
    background: url(../../images/system/OK.jpg) 66px center no-repeat;
    margin: 44px 0 40px 0;
    text-align: center;
    font-size: 21px;
    color: #4d4d4d;
    font-family: "微软雅黑"
}
.photo_xc {
    width: 682px;
    height: 504px;
    background: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -229px 0 0 -340px;
    display: none;
    z-index: 1010
}
.photo_info {
    width: 516px;
    float: left;
    overflow: hidden;
    position: relative
}
.photo_info .btn_left {
    width: 258px;
    height: 370px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    cursor: pointer;
    cursor: hand
}
.photo_info .btn_left span {
    width: 22px;
    height: 40px;
    display: block;
    background: url(/resources/v30/skin/images/photo_btn.jpg) -51px -120px no-repeat;
    margin: 180px 0 0 20px
}
.photo_info .btn_right {
    width: 258px;
    height: 370px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1010;
    cursor: pointer;
    cursor: hand
}
.photo_info .btn_right span {
    width: 22px;
    height: 40px;
    display: block;
    background: url(/resources/v30/skin/images/photo_btn.jpg) -83px -120px no-repeat;
    margin: 180px 20px 0 0;
    float: right
}
.imglist {
    list-style: none;
    width: 476px;
    margin: 20px 0 0 20px;
    overflow: hidden;
    float: none;
    _float: left
}
.imglist li {
    float: left;
    width: 476px;
    height: auto;
    text-align: center;
    margin-right: 10px;
    vertical-align: middle
}
.imglist li .photo_list {
    vertical-align: middle;
    overflow: hidden;
    width: 476px;
    height: 336px
}
.imglist li a {
    vertical-align: middle;
    display: inline-block;
    cursor: default
}
.imglist span {
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}
.imglist img {
    vertical-align: middle
}
.left_right {
    width: 516px;
    margin: 20px 0 0 0;
    overflow: hidden
}
.left_right span {
    width: 125px;
    height: 14px;
    display: block;
    margin: 0 auto
}
.left_right span a {
    width: 52px;
    height: 14px;
    background: url(/resources/v30/skin/images/photo_btn.jpg) no-repeat;
    display: block
}
.left_right span .left_a {
    background-position: -51px -1px;
    float: left
}
.left_right span .left_a:hover {
    background-position: -51px -40px
}
.left_right span .right_a {
    background-position: -124px -1px;
    float: right
}
.left_right span .right_a:hover {
    background-position: -124px -40px
}
.photo_trem {
    width: 476px;
    margin: 28px auto 0;
    overflow: hidden
}
.photo_trem .trem_L {
    width: 16px;
    height: 60px;
    float: left
}
.photo_trem .trem_L a {
    width: 16px;
    height: 60px;
    background: url(/resources/v30/skin/images/photo_btn.jpg) 0 -72px no-repeat;
    display: block
}
.photo_trem .trem_L .a_none {
    background: url(/resources/v30/skin/images/photo_btn.jpg) 0 -142px no-repeat;
    cursor: default
}
.photo_trem .trem_L .a_none:hover {
    background: url(/resources/v30/skin/images/photo_btn.jpg) 0 -142px no-repeat;
    cursor: default
}
.photo_trem .trem_L a:hover {
    background: url(/resources/v30/skin/images/photo_btn.jpg) -28px -72px no-repeat
}
.photo_trem .trem_C {
    width: 444px;
    float: left;
    overflow: hidden;
    height: 60px
}
.photo_trem .trem_C ul {
    width: 1000px
}
.photo_trem .trem_C ul li {
    width: 58px;
    height: 58px;
    border: 1px solid #514c49;
    float: left;
    margin: 0 0 0 12px;
    display: inline
}
.photo_trem .trem_C ul li:hover {
    border: 1px solid #cdbfb2
}
.photo_trem .trem_C ul .li_out {
    border: 1px solid #cdbfb2
}
.photo_trem .trem_C ul li a {
    width: 58px;
    height: 58px;
    display: block
}
.photo_trem .trem_R {
    width: 16px;
    height: 60px;
    float: right
}
.photo_trem .trem_R a {
    width: 16px;
    height: 60px;
    background: url(/resources/v30/skin/images/photo_btn.jpg) no-repeat;
    display: block
}
.photo_trem .trem_R .a_none {
    background: url(/resources/v30/skin/images/photo_btn.jpg) -28px -142px no-repeat;
    cursor: default
}
.photo_trem .trem_R .a_none:hover {
    background: url(/resources/v30/skin/images/photo_btn.jpg) -28px -142px no-repeat;
    cursor: default
}
.photo_trem .trem_R a:hover {
    background: url(/resources/v30/skin/images/photo_btn.jpg) -28px 0 no-repeat
}
.hi_gife {
    width: 166px;
    height: 494px;
    background: #fff;
    float: right;
    position: relative;
    padding: 10px 0 0 0;
    _padding: 20px 0 0 0
}
.hi_gife a {
    width: 90px;
    height: 90px;
    display: block;
    margin: 10px 0 0 39px
}
.hi_gife .photo_hi {
    background: url(../../images/system/spance_hi.jpg) no-repeat
}
.hi_gife .photo_hi:hover {
    background: url(../../images/system/spance_hi_hover.jpg) no-repeat
}
.hi_gife .send_out {
    background: url(../../images/system/spance_hi_active.jpg) no-repeat
}
.hi_gife .photo_gife {
    background: url(../../images/system/spance_give.jpg) no-repeat
}
.hi_gife .photo_gife:hover {
    background: url(../../images/system/spance_give_hover.jpg) no-repeat
}
.hi_gife .give_out {
    background: url(../../images/system/spance_give_active.jpg)
}
.hi_gife .photo_mail {
    background: url(../../images/system/spance_write.jpg) no-repeat
}
.hi_gife .photo_mail:hover {
    background: url(../../images/system/spance_write_hover.jpg) no-repeat
}
.hi_gife .closed {
    width: 29px;
    height: 29px;
    background: url(/resources/v30/skin/images/photo-close.png) no-repeat;
    display: block;
    position: absolute;
    top: -14px;
    right: -14px;
    cursor: pointer;
    cursor: hand;
    margin: 0
}
.hi_gife .closed:hover {
    background-position: -39px 0
}
.gift_info {
    width: 489px;
    height: 424px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -192px 0 0 -250px;
    display: none;
    z-index: 1011;
    background: #ffa0ce;
    padding: 0 0 0 9px
}
.gift_info h2 {
    width: 480px;
    height: 45px;
    line-height: 45px;
    background: #ffa0ce url(/resources/v30/skin/images/giftbg.jpg) no-repeat
}
.gift_info h2 span {
    color: #fff;
    font-weight: bold;
    float: left;
    font-size: 14px;
    margin: 0 0 0 5px
}
.gift_info h2 a {
    width: 13px;
    height: 12px;
    display: block;
    float: right;
    background: url(/resources/v30/skin/images/closed01.jpg) no-repeat;
    margin: 16px 5px 0 0
}
.gift_info .hold {
    width: 480px;
    background: #fff;
    text-align: justify;
    overflow: hidden
}
.gift_info .hold .hold_gif {
    width: 469px;
    height: 225px;
    position: relative;
    overflow: hidden;
    padding: 11px 0 0 11px
}
.gift_info .hold p {
    width: 80px;
    height: 102px;
    float: left;
    position: relative;
    text-align: center;
    display: inline;
    margin: 10px 0 0 10px
}
.gift_info .hold p span {
    width: 12px;
    height: 12px;
    background: url(/resources/v30/skin/images/s_right.jpg) no-repeat;
    position: absolute;
    bottom: 23px;
    right: 0;
    display: none
}
.gift_info .hold p strong {
    width: 50px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #f86498;
    font-weight: normal;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0
}
.gift_info .hold p .free {
    background: #40ab47
}
.gift_info .hold p a {
    width: 78px;
    height: 74px;
    display: block;
    border: 1px solid #dbdbdb;
    text-align: center;
    padding: 4px 0 0 0;
    margin: 0 0 6px 0
}
.gift_info .hold p a:hover {
    border: 1px solid #fd88b4;
    background: #fff7f5
}
.gift_info .hold p .a_sure {
    border: 1px solid #fd88b4;
    background: #ffedf7
}
.gift_info .bom {
    width: 480px;
    overflow: hidden;
    padding: 25px 0 0 0
}
.gift_info .bom .page {
    width: 120px;
    margin: 0 auto;
    overflow: hidden
}
.gift_info .bom .page a {
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    border: 1px solid #bababa;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    _margin: 0 5px 0 0
}
.gift_info .bom .page .on_page {
    border: 1px solid #2c6ba1;
    background: #4085be;
    color: #fff;
    font-weight: bold;
    cursor: default
}
.gift_info .confirmed {
    width: 480px;
    height: 56px;
    background: #fee2f0;
    border-top: 1px solid #f4d2e3;
    margin: 23px 0 0 0
}
.gift_info .confirmed .qr:hover {
    background-position: -474px -193px
}
.gift_info .confirmed .qr {
    width: 82px;
    height: 35px;
    display: block;
    background: url(/resources/v30/skin/images/index-icons.png) -474px -158px no-repeat;
    line-height: 35px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 10px auto
}
.layer {
    width: 480px;
    background: rgba(0,0,0,0.1) none repeat scroll 0 0 !important;
    background: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -130px 0 0 -210px;
    padding: 0 0 6px 0;
    z-index: 1011
}
.layer_info {
    width: 468px;
    margin: 6px 0 0 6px;
    background: #fff;
    overflow: hidden
}
.layer_info h2 {
    width: 468px;
    height: 42px;
    border-top: 1px solid #fefefe;
    border-bottom: 1px solid #fad0da;
    background: #fee8eb
}
.layer_info h2 span {
    width: 120px;
    height: 42px;
    line-height: 42px;
    font-weight: bold;
    color: #fd788b;
    display: inline;
    float: left;
    margin: 0 0 0 16px
}
.layer_info h2 a {
    width: 14px;
    height: 13px;
    display: block;
    background: url(/resources/v30/skin/images/closed.jpg) no-repeat;
    float: right;
    margin: 15px 15px 0 0
}
.tip_info {
    width: 468px
}
.tip_info ul {
    width: 400px;
    overflow: hidden;
    margin: 0 auto;
    padding: 15px 0 0 0
}
.tip_info ul li {
    width: 400px;
    margin: 15px 0 0 0
}
.tip_info ul li label {
    width: 70px;
    float: left;
    text-align: right
}
.tip_info ul li span {
    width: 97px;
    height: 24px;
    border: 1px solid #d2d2d2;
    display: block;
    text-align: center;
    line-height: 24px;
    float: left;
    cursor: pointer;
    cursor: hand;
    margin: 0 10px 10px 0
}
.tip_info ul li .span_select {
    background: #e8f2f3
}
.tip_info ul .tip_li label {
    height: 50px;
    margin: 1px 0 0 0
}
.tip_info ul li textarea {
    width: 309px;
    height: 73px;
    border: 1px solid #d2d2d2;
    padding: 6px 0 0 6px
}
.layer_info .sure {
    width: 438px;
    border-top: 1px solid #e4e4e4;
    margin: 40px auto 0;
    overflow: hidden;
    padding: 20px 0
}
.layer_info .up_pic {
    width: 468px
}
.layer_info .up_pic p {
    padding: 30px 0;
    text-align: center;
    font-size: 14px
}
.layer_info .up_pic p img {
    vertical-align: middle;
    margin: 0 10px 0 0
}
.layer_info .sure {
    width: 438px;
    border-top: 1px solid #e4e4e4;
    margin: 40px auto 0;
    overflow: hidden;
    padding: 20px 0
}
.layer_info .sure a {
    width: 114px;
    height: 38px;
    background: url(/resources/v30/skin/images/index-icons.png) -628px -278px no-repeat;
    display: block;
    line-height: 38px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    font-size: 14px
}
.layer_info .sure a:hover {
    background-position: -628px -316px
}
.write_box {
    width: 490px;
    overflow: hidden
}
.write_box .tack_hoby {
    width: 462px;
    height: 60px;
    line-height: 22px;
    background: #efeff1;
    padding: 16px 0 0 28px;
    margin: 0 0 24px 0
}
.write_box .tack_hoby .like {
    color: #9a9a9a;
    background: 0
}
.write_box .send {
    width: 490px
}
.write_box .send textarea {
    width: 440px;
    height: 134px;
    border: 1px solid #CCC;
    border-top: 2px solid #CCC;
    resize: none;
    margin: 20px 20px;
    padding: 8px 0 0 8px
}
.shadow {
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity:.4);
    opacity: .4;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    z-index: 600;
    display: none
}
.spread_C {
    display: none;
    width: 424px;
    height: 476px;
    position: absolute;
    top: 200px;
    left: 50%;
    z-index: 800;
    margin-left: -212px
}
.spread_C .enroll {
    width: 447px;
    height: 405px;
    margin: 0 auto;
    position: relative
}
.spread_C .enroll h2 {
    width: 447px;
    height: 54px;
    text-indent: -9999px;
    margin: 0 0 10px 0
}
.enroll p {
    width: 447px;
    height: 45px;
    line-height: 40px;
    margin: 8px 0 0 0;
    overflow: hidden
}
.enroll .p_one {
    margin: 8px 0 -12px 0
}
.enroll .choice {
    margin: 0 0 -5px 0;
    _margin: 0 0 -15px 0
}
.enroll .p_age {
    margin: 0 0 -2px 0
}
.enroll .p_one input {
    width: auto;
    border: 0
}
.enroll .p_one .email {
    margin: 0 30px 0 0
}
.enroll p label {
    width: 90px;
    text-align: right;
    color: #FFf;
    float: left;
    margin: 0 5px 0 8px
}
.enroll p input {
    width: 205px;
    height: 32px;
    float: left;
    margin: 4px 6px 0 0;
    border: 1px solid #cd5b5b;
    line-height: 32px;
    padding: 0 0 0 10px;
    font-size: 12px;
    color: #999
}
.enroll p .input_col {
    font-family: Verdana;
    color: #333;
    font-weight: bold
}
.enroll p .dx {
    width: auto;
    height: auto;
    margin: 14px 6px 0 0;
    _margin: 7px 6px 0 0;
    padding: 0;
    line-height: normal;
    border: 0
}
.enroll p .age {
    width: 60px;
    margin: 4px 125px 0 0
}
.enroll p span {
    float: left;
    color: #fff
}
.enroll p .span_col, .enroll p .span_col a {
    color: #ffbfe1
}
.enroll p .span_col01 {
    color: #ff689f
}
.enroll p .man {
    margin: 0 15px 0 0
}
.enroll p strong {
    float: left;
    margin: 0 0 0 59px;
    font-weight: normal;
    color: #ffbfe1
}
.enroll p strong font {
    color: #ffea77;
    float: left;
    margin: 0 4px 0 0
}
.enroll p select {
    float: left;
    width: 70px;
    height: 23px;
    padding: 0;
    font-size: 14px;
    margin: 8px 10px 0 0
}
.enroll .p_h {
    height: 36px;
    margin: 0 0 10px 0
}
.enroll p .qr {
    width: 215px;
    height: 44px;
    display: block;
    float: left;
    position: relative
}
.enroll img.prize {
    position: absolute;
    right: 120px;
    bottom: 80px
}
.enroll p span .yellow {
    color: #ffe14f
}
.enroll .login_p {
    margin: 18px 0 0 0
}
.enroll .error {
    height: 20px;
    line-height: 20px;
    color: #b20f3c;
    margin: -4px 0 0 0
}
.other {
    width: 380px;
    overflow: hidden
}
.other span {
    color: #fec1e3;
    float: left;
    margin: 15px 0 0 25px
}
.other span a {
    color: #ffe977
}
